<!doctype html>
<html><!-- InstanceBegin template="/Templates/mybaihe2.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">

 <link rel="stylesheet" href="mybaihe2.css" type="text/css"/>
<!-- InstanceBeginEditable name="doctitle" -->
<title>我的照片</title>
<link rel="shortcut icon" type="image/x-icon" href="image/favicon.ico">
  <link rel="stylesheet" href="css/header.css" type="text/css"/>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/ajaxfileupload.js"></script>
<script type="text/javascript" src="js/cropbox.js"></script>
<script type="text/javascript" src="js/getheads.js"></script>
<link rel="stylesheet" href="css/styles.css" type="text/css" />
<style type="text/css">
.ph2{
	margin-bottom:300px;
	}
#camera_errbox {
	width: 320px;
	height: auto;
	border: 1px solid #333333;
	padding: 10px;
	color: #fff;
	text-align: left;
	margin: 20px auto;
	font-size: 14px;
}

#camera_errbox b {
	padding-bottom: 15px;
}
#navy_video{
	float:left;
}

#canvas{
	float:left;
	margin-left:20px;
}

#adv{
		position:absolute;
		left:5px;
		top:10px;
		}
</style>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="stylee" -->

<!-- InstanceEndEditable -->
<script type="text/javascript">
/*function aa(id){
		return document.getElementById(id);
		}
	window.onscroll=function(){
			if(document.documentElement && document.documentElement.scrollTop){
				aa("adv").style.top=70+document.documentElement.scrollTop+"px";
			}else if(document.body && document.body.scrollTop){
				aa("adv").style.top=70+document.body.scrollTop+"px";
			}else{
				throw new Error(16801,"xxxxxxxxx。。。");
			}
		}*/
</script>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>

<body>
	<!--  <div id="adv">
    	<video id="navy_video" width="150px" height="200px" autoplay</video>
    </div>-->
	  
      <!--头部--> 
    <header>
    	<script type="text/javascript" src="js/header.js"></script>
    </header>
    <script>var uls=document.getElementsByClassName("menu_more");
	for(var i=0;i<uls.length;i++){
		uls.item(i).onmouseover=function(){
			this.getElementsByTagName("ul")[0].style.display="block";
		}
		uls.item(i).onmouseout=function(){
			this.getElementsByTagName("ul")[0].style.display="none";
		}
	}
	$.post("regLogServlet?t="+new Date(),{op:"getUserLoginInfo"},function(data){
		var str="";
		var str2="image/mybaihee/zaza/1_1.png";
		var pic="";
		
		if(data==0){ //没有登录
			str="<p><a href='register.html' class='set'>注册</a><a href='login.html' class='up'>登录</a></p>"
		}else{
			str="<p><a style='color:red' href='mybaihee.jsp' class='set'>"+data.loginUserInfo[0].NICKNAME+"</a><a href='login.html' class='up'>[切换用户]</a></p>"
			str2="<img src='"+data.loginUserInfo[0].TOUXIANG+"' class='aaa' style='height:100px;width:100px;'/><br/>";
		}
		$(".setUp").html(str);
		$(".aa").html(str2);
	},"json");
	</script>
    <!--左部-->
    <div id="second">
        <div id="a">
        	<div class="aa">
        		<img class="aaa" src="image/1442748364541.gif"></br>
            </div>
        	<a href="photo.html">&nbsp;上传照片&nbsp;</a>
        	<a href="ziliao.html">&nbsp;编辑资料&nbsp;</a>
            <ul>
            	<li>我的等级：普通会员</li>
                <li>认证等级：1级</li>
            </ul>
            <div class="ab">
            	<ul>
                	<li class="abb">0</br><a href="">消息</a></li>
                    <li class="abb">0</br><a href="">红豆</a></li>
                    <li>0</br><a href="">花瓣</a></li>
                </ul>
            </div>
        </div>
        
        <div id="b">
        <h3>推荐服务</h3>
        	<ul>
            	<li class="b1"><a href=""><img src="image/xiao/1.png" height="25px" width="25px">水晶会员</a>&nbsp;&nbsp;&nbsp;&nbsp;<div class="bb">开&nbsp;通</div><p class="bbb">红娘帮忙牵线搭桥寻对象</p></li>
                <li><a href=""><img src="image/xiao/2.png" height="25px" width="25px">红娘牵线</a>&nbsp;&nbsp;&nbsp;&nbsp;<div class="bb">开&nbsp;通</div><p class="bbb">更多展示机会,提高成功</p></li>
                <li><a href=""><img src="image/xiao/3.png" height="25px" width="25px">至尊会员</a>&nbsp;&nbsp;&nbsp;&nbsp;<div class="bb">开&nbsp;通</div><p class="bbb">百合通用虚拟货币</p></li>
                <li><a href=""><img src="image/xiao/4.png" height="25px" width="25px">百合红豆</a>&nbsp;&nbsp;&nbsp;&nbsp;<div class="bb">开&nbsp;通</div></li>
                <li><a href="" class="b5">更多</a></li>
            </ul>
        </div>
        
        <div id="c">
        	<h3>百合应用</h3>
        	<ul>
            	<li><a href=""><img src="image/xiao/a.png" height="25px" width="25px">恋爱帮帮忙</a></li>
            	<li><a href=""><img src="image/xiao/b.png" height="25px" width="25px">成长俱乐部</a></li>
                <li><a href=""><img src="image/xiao/c.png" height="25px" width="25px">丘比特之箭</a></li>
                <li><a href=""><img src="image/xiao/d.png" height="25px" width="25px">心灵匹配测试</a></li>
                <li><a href=""><img src="image/xiao/e.png" height="25px" width="25px">Love双重奏</a></li>
                <li><a href=""><img src="image/xiao/f.png" height="25px" width="25px">红豆工厂</a></li>
                <li><a href=""><img src="image/xiao/g.png" height="25px" width="25px">花瓣抽奖</a></li>
                <li><a href=""><img src="image/xiao/h.png" height="25px" width="26px">幸运宝藏</a></li>
                <li><a href=""><img src="image/xiao/i.png" height="25px" width="26px">相亲助手</a></li>
                <li><a href=""><img src="image/xiao/j.png" height="25px" width="27px">恋爱ing</a></li>
            </ul>
       </div>
        
        <div id="d">
        <h3>百合账户</h3>
        	<ul>
            	<li><a href=""><img src="image/xiao/z1.png" height="25px" width="25px">我的资料</a></li>
            	<li><a href=""><img src="image/xiao/z2.png" height="25px" width="25px">我的照片</a></li>
                <li><a href=""><img src="image/xiao/z3.png" height="25px" width="25px">我的认证</a></li>
                <li><a href=""><img src="image/xiao/z4.png" height="25px" width="25px">手机认证</a></li>
                <li><a href=""><img src="image/xiao/z5.png" height="25px" width="25px">实名认证</a></li>
                <li><a href=""><img src="image/xiao/z6.png" height="25px" width="25px">择偶意向</a></li>
                <li><a href=""><img src="image/xiao/z7.png" height="25px" width="25px">账号设置</a></li>
            </ul>
      </div>
    </div>
    
    <!--右部-->
    <div id="third">
        <div class="myData">
        
            <h3>
                <div class="speed">
                    <div class="box"><div style="width:0;" class="strip"></div></div> 
                    <span>资料完整度</span><span class="orangeT" id="dataOrang">0%</span>
                </div>
                <p class="zi">我的资料</p>
            </h3>
            
            <div class="mainNav" id="wmainNav">
            	<ul>
            		<li tabIndex="0"><a href="ziliao.html">基本资料</a></li>
            		<li tabIndex="1"><a class="active" href="#">我的照片</a></li>
                	<li tabIndex="2"><a href="myself.html">自我介绍</a></li>
                	<li tabIndex="3"><a href="music.html">我的性格</a></li>
                	<li tabIndex="4"><a href="mylike.html">个人喜好</a></li>
            	</ul>
            </div>
            
           <div class="wswich">
            <!--此处为基本资料-->
			<!-- InstanceBeginEditable name="body" -->
           
			<div class="photo">
                <div class="ti">
            	<p>有照片的会员征友成功率比没照片的高出8倍，上传资料完整度增加<span style="color:#FE812F">20%</span>哦！</p>
                </div>
            	<h4 class="mT30">上传头像&nbsp;&nbsp;<span class="cbd">如果无法上传文件，请使用<a href="">拍照上传模式</a></span>
            		<button id="openVideo">拍照模式</button>
            	</h4>
            	
                <!--此处为我的照片正文-->
                <div class="ph">
                	<div class="ph1" onLoad="init(this)" oncontextmenu="return false" onselectstart="return false">
                    	<center>
                        <!-- 此处为video -->
                          
                        <div class="container">
                            <!--此处为存放图片的地方-->
                            <div class="imageBox" id="imageBox">
                                <!--此处是图片距离 地板的高，左距离-->
                                <div class="thumbBox"></div>
                                <div class="spinner" style="display: none">Loading...</div>
                            </div>
                            <!-- 本地上传 -->
                            <div class="action">
                                <div class="new-contentarea tc">
                                    <a href="javascript:void(0)" class="upload-img"> <label for="upload-file">本地上传</label> </a> <input type="file" class="" name="upload-file" id="upload-file" />
                                </div>
                                <input id="snap" type="button" class="Btnsty_peyton" value="拍照"/>
                                <input type="button" id="btnCrop" class="Btnsty_peyton" value="裁切">
                                <input type="button" id="btnZoomIn" class="Btnsty_peyton" value="+">
                                <input type="button" id="btnZoomOut" class="Btnsty_peyton" value="-">
                                
                            </div>
                            <!-- 此处是剪切后的 -->
                            <div class="cropped"></div>
                        </div>
                        <br /><br /><br />
                        <center><input type="button" value="保存" onclick="uploadHead()"></center>
                    </div>
                    
                    <div class="ph2">
                    	<h5 class="bt_red">错误示范</h5>
                    	<ul>
                            <li><img src="image/myphoto/mo.jpg" alt="">照片不清晰</li>
                            <li><img src="image/myphoto/pic_03.jpg" alt="">倾斜颠倒</li>
                            <li><img src="image/myphoto/pic_04.jpg" alt="">非头部位置</li>
                            <li><img src="image/myphoto/pic_05.jpg" alt="">裸露不文明</li>
                            <li><img src="image/myphoto/pic_06.jpg" alt="">墨镜遮挡</li>
                            <li><img src="image/myphoto/pic_01.jpg" alt="">非本人照片</li>
                
                        </ul>
                        <h5 class="bt_blue">正确示范</br></h5>
                        <ul>
                            <li class="pp"><img src="image/myphoto/pic_07.jpg" alt="" /></li>
                        </ul>
                	</div>
                    <div class="clear"></div>
            		
                   
					<style>
                    	#demo{
							margin-top:500px;
							}
                    </style>
                    
                    <div class="prompt">
                        <p>温馨提示：</p>
                        <ul>
                            <li>• 请您上传本人近期清晰的照片，最多可以上传24张，仅支持<span>PNG、JPG、JPEG、BMP、GIF</span>格式，单张照片大小不超过8M。</li>
                            <li>• 凡是上传军人照或非本人照片（例如风景照、宠物照、明星/名人/网络红人等他人照片）均予以删除并承担相应的法律责任</li>
                            <li>• 如照片未通过审核请重新选择其他照片进行上传，未通过的照片系统将保留7天后自动删除。<span><a href="" target="_blank">查看上传照片注意事项</a></span></li>
                        </ul>
            		</div>
                    
                </div>
               </div>
       
			
			<!-- InstanceEndEditable -->
            
           </div>
        </div>
    </div>
  	<div id="four">
    	<img src="image/1.jpg" height="90px" width="1000px">
    </div>
    <!--尾部-->
    <script type="text/javascript" src="js/foot.js" charset='utf-8'></script>
</body>
<!-- InstanceEnd --></html>

